<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>content</title>

    <link rel="stylesheet" type="text/css" href="../../easyui/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="../../easyui/themes/icon.css" />
    <script type="text/javascript" src="../../js/jquery-latest.min.js"></script>
    <script type="text/javascript" src="../../js/index2.js"></script>
    <script type="text/javascript" src="../../easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../easyui/locale/easyui-lang-zh_CN.js"></script>
    <link rel="stylesheet" type="text/css" href="../../css/index.css" />
    
    <script type="text/javascript">

	    $(function () {

	    	$("#tabsdiv").css("height", $(document).height()-80);//重新计算高度
	    	
	        setFormPropertisAfterSelectRow();/*在选中行后更新form中的数据*/
	    });
				
	    var toolbar = [{
	    	text:'删除',
	        iconCls:'icon-cut',
	        handler:function(){alert('删除')}
	    }];
    
    </script>
</head>
<body>
	<h2>原型菜单 -> Tabs维护</h2>
			    <!-- tab页签上面的公共属性 -->
		    	<table cellpadding="0" cellspacing="0" class="table-striped">
		    		<tr>
		    			<td>合同编号：</td>
		    			<td>ISO8859-1</td>
		    			<td>井号：</td>
		    			<td>克深</td>
		    			<td>井型：</td>
		    			<td>直井</td>
		    		</tr>
		    		<tr>
		    			<td>井别：</td>
		    			<td>&nbsp;</td>
		    			<td>井类型：</td>
		    			<td>&nbsp;</td>
		    			<td>钻机编号：</td>
		    			<td>DR70-32</td>
		    		</tr>
		    	</table>
	
	<!-- tabs页签开始 -->	    	
	<div id="tabsdiv" class="easyui-tabs" style="overflow: scroll;">
		<div title="综合信息" style="padding:10px">
			<div style="">
			<form id="ff" method="post">
				<table cellpadding="0" cellspacing="0" class="table-striped">
					<tr>
						<td><font color="red">*</font> 层序：</td>
						<td><input type="text" name="jsontext1"/></td>
						<td><font color="red">*</font> 段次：</td>
						<td><input type="text" name="jsontext2"/></td>
					</tr>
					<tr>
						<td>管柱类别：</td>
						<td><select class="easyui-combobox" name="jsontext3" style="width: 150px;"><option></option><option>Arabic</option><option>Bulgarian</option></td>
						<td>钻头尺寸：</td>
						<td><input type="text" name="jsontext4"/></td>
					</tr>
					<tr>
						<td>内径：</td>
						<td><input type="text" name="jsontext5" /></td>
						<td>外径：</td>
						<td><input type="text" name="jsontext6"/></td>
					</tr>
					<tr>
						<td>自：</td>
						<td><input type="text" name="status"/></td>
						<td>至：</td>
						<td><input type="text" name="status1"/></td>
					</tr>
				</table>
				</form>
				<div style="height: 40px;padding: 0px 5px 0px 950px;">
					<a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm();">新增</a>
					<a href="javascript:void(0)" class="easyui-linkbutton" onclick="loadRowLocal();">编辑</a>
					<a href="javascript:void(0)" class="easyui-linkbutton" onclick="alert(this.innerText);clearForm();">重置</a>
				</div>
				<!-- 加载json数据 data/datagrid_data1.json-->
		    	<table class="easyui-datagrid" title="数据列表" style="height:230px"
		    			id="datagrid1"
		    			url="../../data/dr/datagrid_data1.json"
						data-options="singleSelect:true,checkOnSelect:true,collapsible:true,method:'get',toolbar:toolbar,pagination:true">
					<thead>
						<tr>
							<th data-options="field:'ck',checkbox:true"></th>
							<th data-options="field:'jsontext1',width:60">层序</th>
							<th data-options="field:'jsontext2',width:100">段次</th>
							<th data-options="field:'jsontext3',width:100">管柱类别</th>
							<th data-options="field:'jsontext4',width:100">钻头尺寸</th>
							<th data-options="field:'jsontext5',width:150">内径</th>
							<th data-options="field:'jsontext6',width:50">外径</th>
							<th data-options="field:'status',width:50">自</th>
							<th data-options="field:'status1',width:50">至</th>
							<th data-options="field:'status3',width:100">起钻井深</th>
							<th data-options="field:'status4',width:100">钻达深度</th>
							<th data-options="field:'status5',width:100">井眼扩大率</th>
						</tr>
					</thead>
				</table>
		    </div>
		</div>
		<div title="作业人员" style="padding:10px">
			<h1>作业人员页面</h1>
		</div>
		<div title="套管信息" style="padding:10px">
			<h1>套管信息</h1>
		</div>
		<div title="钻具组合" style="padding:10px">
			<!-- 可装载iframe -->
			<iframe src="#" width="100%" height="100%" frameborder="0"></iframe>
		</div>
		<div title="钻井液性能" style="padding:10px">
			
		</div>
	</div>
</body>
</html>